<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>전송</title>
</head>
<body>
	<!-- 
	전송
	1. submit
	1-1. image
	2. button + javascript
 -->

<script type="text/javascript">
	function checkfrm1() {
		if (document.frm1.name.value == "") {
			//프로그래머 : 입력값을 검사
			alert("이름이 없습니다.");
			return false; //페이지 전송을 false로 한다.
		}
	}
</script>
<!-- <form action="form_ok1.jsp" method="get" > -->
<form action="form_ok01.jsp" method="post" name='frm1'
	onsubmit="return checkfrm1()">
	이름 : <input type="text" name="name" /><br>
	<input type="submit"	value="전송" /></br><br>
	<input type="image"	src="button.gif" width="210" height="78" /> <br><br>
</form>

<script type="text/javascript">
	function checkfrm2() {
		if (document.frm.name.value == "") {
			//프로그래머 : 입력값을 검사
			alert("이름이 없습니다.");
			return false; //페이지 전송을 false로 한다.
		}

		document.frm.submit(); //문서 전체에서 frm을 찾아서 submit을 찾아라... 이때 , input에 이벤트를 
		//처리해야한다.  input에 onclick="checkfrm()"을 붙인다.
	}
</script>
<form action="form_ok01.jsp" method="post" name="frm">
	<!-- 자바스크립트를 이용해서 전달한다. 이때 form의 이름을 javascript가 알아야한다. -->
	이름 : <input type="text" name="name" /><br> 
	<input type="button" value="전송" onclick="return checkfrm2()" /><br>
	<img src="button.gif" width="210" height="78" onclick="return checkfrm2()"><br>
	<a href="javascript:checkfrm2()"><img src="button.gif" width="210" height="78" onclick="return checkfrm2()"></a>
</form>
<!-- 
get 방식에서만 허용됨 (post)방식은 안됨 : 값을 프로그래머에 고정됨
"form_ok01.jsp : 요청 페이지
?	요청 페이지와 값의 구분
name=홍길동
&값고 값의 구분
data1=value   =은 변수와 값의 구분
&
data2=value2

네이버에서 donut 검색시
http://search.naver.com/search.naver?sm=tab_hty.top&where=nexearch&ie=utf8&query=donut&x=0&y=0

http://search.naver.com/search.naver
?
sm=tab_hty.top
&
where=nexearch
&
ie=utf8
&
query=donut
&
x=0
&
y=0
-->
<a href="form_ok01.jsp?name=홍길동"><img src="button.gif" width="210" height="78" onclick="return checkfrm2()"></a><br>
<br><br>
-----------------------검색어 입력받기----------------------------------------------------------------<br>
프로그래머가 입력시킨 내용 그대로 검색-ie<br>
<a href="http://search.naver.com/search.naver?sm=tab_hty.top&where=nexearch&ie=utf8&query=donut&x=0&y=0">도넛</a><br>
<a href="http://search.naver.com/search.naver?sm=tab_hty.top&where=nexearch&ie=utf8&query=coffee&x=0&y=0">커피</a><br>


<br>검색을 받을 수 있다<br>
<form action="http://search.naver.com/search.naver" method="get">
<input type="hidden" name="where" value="nexearch">
<input type="hidden" name="ie" value="utf8">
<input type="hidden" name="x" value="0">
<input type="hidden" name="y" value="0">
검색어 : <input type="text" name="query" size="20">
<input type="submit" value="검색하기"><br><br>

<!-- http://search.naver.com/search.naver?where=nexearch&query=coffee&sm=top_hty&fbm=1&ie=utf8 -->
<form action="http://search.naver.com/search.naver" method="get">
<input type="hidden" name="where" value="nexearch">
<input type="hidden" name="sm" value="top_hty">
<input type="hidden" name="fbm" value="1">
<input type="hidden" name="ie" value="utf8">
검색어 : <input type="text" name="query" size="20">
<input type="submit" value="검색하기">
</form>


</body>
</html>